<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>网站品牌列表效果</title>
    <link rel="stylesheet" type="text/css" href="css/css1.css" />
    <script src="index.js"></script>
</head>

<body>
    <div id="nav"><img src="images/xiangji.jpg" /></div>
    <div class="SubCategoryBox">
        <div class="head">
            <h3>商品筛选：<span>热卖相机</span></h3>
        </div>
        <ul>
            <li><a href="#">佳能</a></li>
            <li><a href="#">索尼</a></li>
            <li><a href="#" class="colors">三星</a></li>
            <li><a href="#">尼康</a></li>
            <li><a href="#" id='hides'>松下</a></li>
            <li><a href="#" id='hides'>卡西欧</a></li>
            <li><a href="#" id='hides'>富士</a></li>
            <li><a href="#" id='hides'>柯达</a></li>
            <li><a href="#" id='hides'>宾得</a></li>
            <li><a href="#" id='hides'>理光</a></li>
            <li><a href="#" id='hides'>奥林巴斯</a></li>
            <li><a href="#" id='hides'>明基</a></li>
            <li><a href="#" id='hides' class="colors">爱国者</a></li>
            <li><a href="#" id='hides'>柯达</a></li>
            <li><a href="#" id='hides'>宾得</a></li>
            <li><a href="#" id='hides'>理光</a></li>
            <li><a href="#" id='hides'>奥林美</a></li>
            <li><a href="#" id='hides'>明基</a></li>
            <li><a href="#" id='hides' class="colors">爱国者</a></li>
            <li><a href="#" id='hides'>其它品牌相机</a></li>
        </ul>
        <div class="showmore"><a href="#"><span>点击精简品牌</span></a></div>
    </div>
</body>

</html>